{% load djips_extras %}

{% if wrapper %}
<div id="image_{{image.id}}"
     class="dia">
  <div class="dia_overlay"></div>
{% endif %}
  <div class="dia_content">
    <p class="discreet dia_title">
      {{image.title}}
    </p>

    <div class="wrapper dia_image">
      <img src="{{image.thumbnail.url}}" />
    </div>

    <div class="dia_infos">    
      <div class="dia_color_display"
            style="background: #{{image.color_flag.value}};"
            title="{{image.color_flag.name}}"></div>

      <div class="dia_stars">
         {{image|djips_dia_stars}}
      </div>
    </div>
  </div>
{% if wrapper %}
</div>
{% endif %}